<style>
    #generate-state-panel {
        display: none;
    }

    .generate-state-body {
        border: 1px solid #ccc;
        padding: 15px;
        box-shadow: 2px 2px 0px rgba(102, 102, 102, 0.1);
        border-radius: 3px;
    }

    .generate-process {

    }

    .generate-describe {

    }

    .generate-next {

    }
</style>

<form id="generate-form" class="edit-form form-horizontal" role="form" data-toggle="validator" method="POST" action="{:addon_url('cmstostatic/generate/article')}">

<div class="alert alert-info-light" style="margin-bottom:10px;">
    <b>温馨提示</b><br>
    0.请先清除缓存后再生成<br>
    1.默认生成所有文章<br>
    2.是否更新子栏目文章在选择更新栏目后生效<br>
</div>

<div class="panel panel-default panel-intro">

    <div class="panel-heading">
        {:build_heading(null,FALSE)}
        
    </div>

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">

            <div class="tab-pane fade active in" id="one">

                <table class="table table-striped table-config">
                    <tbody>
                    <tr data-type="config">
                        <td width="15%">请选择更新栏目：</td>
                        <td>
                            <div class="row">
                                <div class="col-sm-8 col-xs-12">
                                    <select name="channel" class="form-control">
                                        <option value="0">更新所有栏目文章（默认）</option>
                                        {$channelOptions}
                                    </select>
                                </div>
                                <div class="col-sm-4"></div>
                            </div>
                        </td>
                    </tr>

                    <tr data-type="config">
                        <td width="15%">是否更新子栏目：</td>
                        <td>
                            <div class="row">
                                <div class="col-sm-8 col-xs-12">
                                    <label for="row[isson]-0"><input id="row[isson]-0" name="isson" type="radio" value="0" data-tip="" checked=""> 更新子级栏目</label>
                                    <label for="row[isson]-1"><input id="row[isson]-1" name="isson" type="radio" value="1" data-tip="" > 仅更新所选栏目</label>
                                </div>
                                <div class="col-sm-4"></div>
                            </div>

                        </td>
                    </tr>
                    </tbody>
                </table>

                <div class="form-group layer-footer">
                    <label class="control-label col-xs-12 col-sm-2"><span class="badge alert-info">{if !$staticconfig.mobile_on}电脑版{else}手机版{/if}</span></label>

                    <div class="col-xs-12 col-sm-8">
                        <button id="generateStart" type="button" class="btn btn-success btn-embossed">{:__('OK')}</button>
                        <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                    </div>
                </div>

            </div>

        </div>

    </div>


    <div class="panel-heading">
    </div>

    <div id="generate-state-panel" class="panel-body">
        <div class="row">
            <div class="col-sm-8 col-xs-12">
                <h5>生成状态：</h5>

                <div class="col-sm-6 col-sm-offset-6 generate-state-body">
<!--                    1、进度条<br>-->
<!--                    2、进度说明文字<br>-->
<!--                    3、跳转到下一个更新<br>-->
                    <div class="generate-process">
                        <p id="generate-process">正在生成栏目静态文件：已完成0%</p>
                        <div class="progress progress-striped active">
                            <div class="progress-bar progress-bar-success" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0"
                                 style="width:0">
                            </div>
                        </div>
                    </div>
                    <div class="generate-describe">
                        <p id="generate-describe">成功创建栏目[1]：栏目名称</p>
                    </div>
                    <div class="generate-next">
                        <p id="generate-next">
                            如果生成卡顿请点击<a id="generateNext" href="javascript:">继续生成</a>
                        </p>
                    </div>

                </div>
            </div>
            <div class="col-sm-4"></div>
        </div>
    </div>
</div>

</form>
